<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>关于</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="assets/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="assets/css/template.css"/>
		<link rel="stylesheet" href="//at.alicdn.com/t/font_1032962_iwtc7l9dib8.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/about.css"/>
		
		<script  type="text/javascript" src="assets/js/view.js"></script>
	</head>
	<body>
		<div class="web_wrap">
				<header>
					<div class="header">
						<label class="drop_down" for="navBtn">
								<img src="assets/img/index/dropd.png"/>
							</label>
						<div class="logo">
							<a href="index.html"><img class="logo_i" src="assets/img/index/logo.png" alt="" /></a>
						</div>
						<label class="search" for="searBtn">
							<img src="assets/img/index/serch.png" alt="" />
						</label>
					</div>
				</header>
			<div class="web">
				<div class="center">
					<div class="about">
						<p>About Or</p>
						<p class="text">Founded in 2015, Or (Original relationship) tactfully integrates the simplistic design into everyday life, brings people with simple, aesthetic, relaxed and comfortable home design products and reconnects home products, people and life.</p>
						<div class="img">
							<img src="assets/img/index/index_07_07.jpg"/>
						</div>
						<div class="s_img">
							<div class="img_t">
								<img src="assets/img/about/ab (2).jpg"/>
							</div>
							<div class="img_t">
								<img src="assets/img/about/ab (3).jpg"/>
							</div>
						</div>
					</div>
					<div class="design">
						<p>Design</p>
						<p class="text">is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy quality products at a fair price.</p>
						<div class="img_b">
							<div class="img_left">
								<img src="assets/img/about/ab (4).jpg"/>
							</div>
							<div class="img_right">
								<div class="img_rs">
									<img src="assets/img/about/ab (5).jpg"/>
								</div>
								<div class="img_rs">
									<img src="assets/img/about/ab (6).jpg"/>
								</div>
							</div>
						</div>
						
					</div>
					<div class="orbrand">
						<p>Or Brand</p>
						<p class="text">values the inherent vitality of products, and brings passionate participation to life through its distinctive design intuition. Product design is just the beginning – we stress the attitude towards products in living space, and look forward to a more sincere interaction with consumers.</p>
					</div>
				</div>
			</div>
				<footer>
					<div class="footer">
						<div class="img">
							<img src="assets/img/about/ab (7).jpg" alt="" />
							<div class="mask"></div>
						</div>
						<div class="foot_con">
							<div class="text">
								<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
								<a class="iconfont icon-icon_jiantou-shang" href=""></a>
							</div>
						</div>
					</div>
				</footer>
		</div>
		<input type="checkbox" name="navBtn" id="navBtn" value="" />
		<div class="popup">
			<div class="close">
				<label for="navBtn">
					<img src="assets/img/index/close.png" alt="" />
				</label>
			</div>
			<div class="link">
				<div class="link_img">
					<img src="assets/img/index/ic (4).png"/>
					<img src="assets/img/index/ic (1).png"/>
					<img src="assets/img/index/ic (2).png"/>
					<img src="assets/img/index/ic (3).png"/>
				</div>
				<div class="nav">
					<ul class="nav_link">
						<a href="about.html"><li>About Or</li></a>
						<a href="product.html"><li>Product</li></a>
						<a href="room.html"><li>Space Inspiration</li></a>
						<a href="ugc.html"><li>User Experience</li></a>
					</ul>
					<ul class="subnav">
						<a href="news.html"><li>News</li></a>
						<a href="activity_detail.html"><li>EVENT</li></a>
						<a href="Contact_us.html"><li>CONTACT</li></a>
					</ul>
				</div>
			</div>
		</div>
		<input type="checkbox" name="searBtn" id="searBtn" value="" />
		<div class="searchW">
			<div class="searchb">
				<label class="rebtn" for="searBtn">
					<span>&larr;</span>Return
				</label>
				<div class="con">
					<input type="text" autofocus="autofocus" value="" />
					<div class="text">
						<p>Searh anything & hit enter</p>
					</div>
				</div>
			</div>
		</div>
		
		
	</body>
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).on("scroll", function() {
		if($(document).scrollTop() > 50) {
			$(".logo_i").addClass("logo_b");
		} else {
			$(".logo_i").removeClass("logo_b");
		}
		});
	</script>
</html>
